<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragment :: myhead(~{::title},~{::link})">
    <title th:text="#{text.system.name}">Index</title>
    <link rel="stylesheet" th:href="@{/css/index.css}" />
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header header header-index">
        <div class="layui-main">
            <div class="index-logo-box">
                <a class="logo" href="javascript:;" style="left: 0;">
                    <img th:src="@{/images/logo.png}" alt="myui">
                </a>
                <div class="index-menu-toggle">
                    <i class="fa fa-bars" aria-hidden="true"></i>
                </div>
                <div class="index-screen-full">
                    <i class="fa fa-life-bouy" aria-hidden="true"></i>
                </div>
            </div>
            <ul class="layui-nav index-header-nav" lay-filter="">
                <li class="layui-nav-item"><a href="javascript:;"><i class="layui-icon" style="font-size:18px;">&#xe614;</i> <span th:text="#{text.index.menu.config}">Configuration</span></a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon" style="font-size:18px;">&#xe612;</i> <span th:text="${session.user}"></span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;"><span th:text="#{text.index.menu.user.info}">UserInfo</span></a></dd>
                        <dd><a href="javascript:;"><span th:text="#{text.index.menu.user.password}">Password</span></a></dd>
                        <dd><a th:href="@{/logout}"><span th:text="#{text.index.menu.user.logout}">Logout</span></a></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-side layui-bg-black" id="admin-side">
        <div class="layui-side-scroll">
            <div class="layui-nav layui-nav-tree" id="menuTree">
                <li th:each="m,ms : ${menus}" th:class="${ms.index == 0}? 'layui-nav-item layui-nav-itemed' : 'layui-nav-item'">
                    <a href="javascript:;" th:text="#{${m.text}}"></a>
                    <dl class="layui-nav-child">
                        <dd th:each="cm,cms : ${m.children}">
                            <a href="javascript:;" th:attr="data-url=@{${cm.url}},data-id=${cm.id}" th:text="${cm.text}"></a>
                        </dd>
                    </dl>
                </li>
            </div>
        </div>
    </div>
    <div class="layui-body" style="bottom: 0;border-left: solid 2px #1AA094;" id="admin-body">
        <!-- layui-tab-brief -->
        <div class="layui-tab " lay-filter="contentTab" lay-allowclose="true">
            <ul class="layui-tab-title"></ul>
            <div class="layui-tab-content"></div>
        </div>
    </div>
    <div class="layui-footer" style="height:40px;text-align:center" id="admin-footer">
        <div th:include="fragment :: footer"></div>
    </div>
</div>
<script th:src="@{/js/index.js}"></script>
<script>
</script>

</body>
</html>